@charset 'UTF-8';
/*
 * jQuery File Upload Plugin CSS Example 5.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://creativecommons.org/licenses/MIT/
 */ body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  margin: 0;
}

a {
  color: #222;
}

#fileupload {
    margin-top: 25px;
}

td {
  vertical-align: middle;
}

#finish_upload {
    display: block;
    text-indent: -999em;
    width: 98px;
    height: 33px;
    margin-top: 25px;
    background: url("../img/finish_upload.png") no-repeat scroll 0 0;
}

#finish_upload:hover {
    background: url("../img/finish_upload.png") no-repeat scroll -98px 0;
}

/* v1.1 */

#left {
    padding: 7px;
}

#upload-window {
    width: 656px;
    height: 451px;
}

#upload-window #fileupload {
    margin-top: 0;
}

#upload-window #select-photos {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

#upload-window .select-files,
#upload-window .start-upload {
    width: 139px;
}

#upload-window #select-files {
    position: absolute;
    top: 210px;
    left: 260px;
}

#upload-window .select-files.button{
    width: 69px;
}

#upload-window .select-files-icon {
    width: 22px;
    height: 37px;
    background: url("../img/upload_photos_icon.png") no-repeat 0 0;
    margin: 0 14px 0 19px;
}

#upload-window .fileupload-content.selecting:hover .select-files-icon {
    width: 22px;
    height: 37px;
    background: url("../img/upload_photos_icon.png") no-repeat -22px 0;
}
#upload-window .fileupload-content.selecting:hover .left {
    float: left;
    height: 37px;
    width: 4px;
    background: url("../img/high_btn_sides.png") no-repeat -8px 0;
}

#upload-window .fileupload-content.selecting:hover .middle {
    float: left;
    height: 37px;
    background: url("../img/green_high_btn_middle_highlight.png") repeat-x;
    line-height: 37px;
    color: #ffffff;
    text-shadow: 1px 1px 1px #666666;
    padding: 0 5px;
    text-align: center;
}

#upload-window .fileupload-content.selecting:hover .right {
    float: left;
    height: 37px;
    width: 4px;
    background: url("../img/high_btn_sides.png") no-repeat -12px 0;
}

#upload-window .start-upload-icon {
    width: 20px;
    height: 37px;
    background: url("../img/upload_photos_icon.png") no-repeat -44px 0;
    margin: 0 14px 0 21px;
}

#upload-window #start-upload:hover .start-upload-icon {
    width: 20px;
    height: 37px;
    background: url("../img/upload_photos_icon.png") no-repeat -64px 0;
}

#upload-window #cancel-upload {
    float: left;
    color: transparent;
    cursor: pointer;
    width: 157px;
    height: 37px;
    background: url("../img/upload_photos_buttons.png") no-repeat 0 -114px;
}

#upload-window #cancel-upload:hover {
    background: url("../img/upload_photos_buttons.png") no-repeat -157px -114px;
}

#upload-window .fileupload-content {
    padding: 0;
    margin: 0;
    height: 448px;
    overflow-y: auto;
}

#upload-window .fileupload-content.previewing{
    background: #ffffff;
    border: 2px solid #d5d5d5;
    height: 365px;
}

#upload-window .fileupload-content.selecting {
    background: #eeeeee;
    border: 2px solid transparent;
}

#upload-window .fileupload-content.selecting object {
    outline: none;
    position: absolute;
    top: 210px;
    left: 260px;
}

#upload-window .fileupload-content.previewing object {
    outline: none;
    position: absolute;
    top: 407px;
    left: 400px;
}

#upload-window .uploadifyQueueItem {
    position: relative;
    float: left;
    width: 120px;
    height: 90px;
    border: 2px solid #74b411;
    margin: 19px 0 0 31px;
}

#upload-window .uploadifyQueueItem.uploading {
    background: url("../img/ajax-loader.gif") no-repeat center;
}

#upload-window .uploadifyQueueItem .fileName {
    position: absolute;
    bottom: 0px;
    font-size: 12px;
    color: #959595;
    display: inline-block;
    width: 111px;
    padding: 3px;
    text-align: center;
    overflow: hidden;
}

#upload-window .selected {
    background: #ffffff;
}

#upload-window .info {
    border-top: 2px solid #d5d5d5;
    border-right: 2px solid #d5d5d5;
    border-left: 2px solid #d5d5d5;
    height: 30px;
    line-height: 30px;
    color: #959595;
    font-size: 14px;
    padding-left: 30px;
}

#upload-window .fileupload-content .files {
    border: 1px solid #d5d5d5;
    padding: 3px;
    margin: 0;
    height: 362px;
    overflow-y: auto;
}

#upload-window .fileupload-content.previewing .progressbar {
    position: absolute;
    top: 38px;
    left: 8px;
    width: 104px;
    height: 15px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#upload-window .fileupload-content.previewing .ui-progressbar-value {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #74b411;
}


#upload-window .fileupload-content.previewing .uploadifyQueueItem .cancel a {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0;
    margin: 0;
    width: 19px;
    height: 15px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    background: #74b411 url("../img/upload_photos_marks.png") no-repeat 0 0;
}

#upload-window .fileupload-content.previewing .uploadifyQueueItem:hover .cancel a {
    display: block;
}

#upload-window .fileupload-content.previewing .uploadifyQueueItem .cancel a img {
    display: none;
}

#upload-window .fileupload-content.previewing .uploadifyQueueItem .done {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 0;
    margin: 0;
    width: 19px;
    height: 15px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    background: #74b411 url("../img/upload_photos_marks.png") no-repeat -19px 0;
}

#upload-window .fileupload-content .files .cancel button,
#upload-window .fileupload-content .files .delete button {
    border: none;
    width: 100%;
    height: 100%;
    background: transparent;
}

#upload-window .fileupload-buttonbar {
    height: 37px;
    padding: 6px 0;
    background: #d5d5d5;
}

#upload-window .fileupload-buttonbar .select{
    margin: 0 200px;
}

#upload-window .start-upload-icon {
    width: 18px;
    height: 37px;
    background: url("../img/start_upload_icon.png") no-repeat 0 0;
    margin: 0 14px 0 26px;
}

#upload-window #start-upload:hover .start-upload-icon {
    width: 18px;
    height: 37px;
    background: url("../img/start_upload_icon.png") no-repeat -18px 0;
}

#upload-window .select .fileinput-button {
    cursor: pointer;
    position: relative;
    color: #49A300;
    text-shadow: 0px 1px 1px #f5f5f5;
    line-height: 37px;
    margin-left: 20px;
    float: left;
}

#upload-window .select .fileinput-button:hover {
    text-shadow: 0px -1px 1px #f5f5f5;
}

#upload-window .fileupload-buttonbar div.uploading {
    padding-left: 168px;
}

#upload-window .fileupload-buttonbar span.uploading {
    float: left;
    color: #959595;
    margin-right: 10px;
    line-height: 37px;
    text-shadow: 0px 1px 1px #f5f5f5;
}

#upload-window div.finishing {
    padding-left: 279px;
}

#upload-window div.finishing .done a {
    float: left;
    color: transparent;
    cursor: pointer;
    width: 98px;
    height: 34px;
    background: url("../img/upload_photos_buttons.png") no-repeat -30px -171px;
}

#upload-window div.finishing .done:hover a {
    background: url("../img/upload_photos_buttons.png") no-repeat -187px -171px;
}
/* v1.1 end */

